<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
  <title>表单 - JRoll</title>
  <link rel="stylesheet" href="../css/demo.css">
  <script src="../download/jroll.min.js"></script>
</head>
<body>
  <div id="form">
    <header id="header">弹出软键盘测试</header>
    <div id="wrapper">
      <div id="scroller">
        <table>
          <tr>
            <td>姓名：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>年龄：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>户籍：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>性别：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>学校：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>职业：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>身份证：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>生日：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>配偶：</td>
            <td><input></td>
          </tr>
          <tr>
            <td>是否党员：</td>
            <td><input></td>
          </tr>
        </table>
      </div>
    </div>
    <footer id="footer">固定底部测试</footer>
  </div>
  <script>
    var jroll = new JRoll("#wrapper", {adjustTop:140});
  </script>
</body>
</html>